// 登录业务
const btn_login= document.querySelector('#btn-login')
const form= document.querySelector('form')
btn_login.addEventListener('click',async function () {
    const data= serialize(form,{hash:true,empty:true})
    //解构数据并且进行初步检验
    const {username,password}= data
    if(username.length<8||username.length>30){
        showToast('账号是8~30位！')
    }
    else if(password.length<6||password.length>30){
        showToast('密码是6~30位！')
    }
    //提交数据并验证
    else{
      try{
        const {message,data:{token}}= await axios.post('/login',data)
        showToast(message)
        //存储账号到本地存储
        localStorage.setItem('user',username)
        localStorage.setItem('token',token)
        //账号密码正确跳转主页
        setTimeout(() => {
        location.href="./index.html"
        }, 1000);
      }
      //数据错误处理
      catch(res){
            const {response:{data:{message}}}=res
            showToast(message)
      }
    }
})        
